import React, { useState } from 'react';
import { Card, Row, Col, ConfigProvider, Collapse } from 'antd';
import GradeComparison from './components/GradeComparison';
import styles from './index.less';
const { Panel } = Collapse;
interface DataType {
  key: string;
  id: string; //序号
  name: string;
  stuId: string;
  teacher: string;
  avgScore: number;
  avgGPA: number;
  weightScore: number;
  rank: number;
}

const data: DataType[] = [
  {
    key: '1',
    id: '1',
    name: '小明',
    stuId: '12333',
    teacher: 'djdj',
    avgScore: 12,
    avgGPA: 23,
    weightScore: 22,
    rank: 1,
  },
];

const ScoreAnalysis: React.FC<any> = () => {
  return (
    <div>
      <Card
        title={
          <span style={{ fontWeight: 'bold', fontSize: 18 }}>成绩分析</span>
        }
      >
        {/* 第一行 */}
        <Row gutter={8}>
          <Col span={24}>
            <Collapse>
              <Panel header={'班级间成绩对比'}>
                <ConfigProvider>
                  <GradeComparison />
                </ConfigProvider>
              </Panel>
            </Collapse>
          </Col>
        </Row>
        {/* 第二行 */}
        <Row gutter={8}>
          <Col span={24}>
            <Collapse>
              <Panel header={'班级间学分绩点对比'}>
                <ConfigProvider>
                  <GradeComparison />
                </ConfigProvider>
              </Panel>
            </Collapse>
          </Col>
        </Row>
        {/* 第三行 */}
        <Row gutter={8}>
          <Col span={12}>
            <Collapse>
              <Panel header={'班级历史学分绩点对比'}>
                <ConfigProvider>
                  <GradeComparison />
                </ConfigProvider>
              </Panel>
            </Collapse>
          </Col>
          <Col span={12}>
            <Collapse>
              <Panel header={'不同年级下班级学分绩点发展情况'}>
                <ConfigProvider>
                  <GradeComparison />
                </ConfigProvider>
              </Panel>
            </Collapse>
          </Col>
        </Row>
        {/* 第四行 */}
        <Row gutter={8}>
          <Col span={24}>
            <Collapse>
              <Panel header={'与往届班级学分绩点对比'}>
                <ConfigProvider>
                  <GradeComparison />
                </ConfigProvider>
              </Panel>
            </Collapse>
          </Col>
        </Row>
      </Card>
    </div>
  );
};
export default ScoreAnalysis;
